> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-api_docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Home

export function openSearch() {
  document.getElementById('search-bar-entry').click();
}

<div className="relative w-full flex items-center justify-center" style={{ height: '26rem', overflow: 'hidden'}}>
  <div className="absolute inset-0 z-0 flex items-center bg-matrix-light mix-blend-normal">
    <div style={{ height: '100%', width: '100%', maxHeight: '465px' }} />
  </div>

  <div className="relative z-10" style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-gray-900 dark:text-white"
      style={{
   fontWeight: '600',
   fontSize: '42px',
   margin: '0',
   marginBottom: '1.5rem'
  }}
    >
      Build with Sequence
    </div>

    <p
      className="text-gray-700 dark:text-gray-200"
      style={{
    margin: '0 auto',
    marginBottom: '2rem',
    fontWeight: '500',
    fontSize: '24px',
    maxWidth: '42rem',
    textAlign: 'center'
  }}
    >
      The modular crypto infrastructure stack that unifies wallets, 1-click cross-chain payments, and real-time data layers across EVMs.
    </p>

    <div className="flex items-center justify-center">
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 rounded-lg py-1.5 pl-2.5 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 focus:outline-primary"
        id="home-search-entry"
        style={{
    maxWidth: '28rem',
  }}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 flex-none bg-gray-500 hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
          style={{
    marginRight: '0.5rem',
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
        />

        Search or ask
      </button>
    </div>
  </div>
</div>

<div
  style={{marginTop: '2rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem' }}
>
  <h2 className="text-center text-gray-900 dark:text-white text-4xl font-bold mb-8" style={{ fontSize: '1.5rem', marginTop: '6rem', marginBottom: '2.5rem' }}>
    Quickstarts & Boilerplates
  </h2>

  <CardGroup cols={3}>
    <Card title="Create your first wallet" icon="wallet" href="/solutions/wallets/developers/overview" arrow={false}>
      Spin up a React app with social/email auth and a non-custodial wallet.
    </Card>

    <Card title="Launch an ecosystem wallet" icon="wallet" href="/solutions/wallets/ecosystems/overview" arrow={false}>
      Launch a wallet on your domain with passkeys, social auth, and time-lock recovery.
    </Card>

    <Card title="Integrate drop-in web3 checkout" icon="credit-card" href="/solutions/payments/overview" arrow={false}>
      Use Trails SDK to enable 1-click cross-chain payments with any wallet.
    </Card>

    <Card title="Query real-time balances with Indexer" icon="database" href="/solutions/indexer/overview" arrow={false}>
      Fetch live token balances for wallets and contracts across EVMs, plus webhooks.
    </Card>

    <Card title="Launch a Shop to sell NFTs" icon="store" href="/solutions/payments/shop/overview" arrow={false}>
      Launch a hosted primary-sale storefront with built-in checkout.
    </Card>

    <Card title="Browse all boilerplates" icon="grid" href="/guides/template-overview" arrow={false}>
      Explore all available templates and starter projects.
    </Card>
  </CardGroup>

  <h2 className="text-center text-gray-900 dark:text-white text-4xl font-bold mb-8" style={{ fontSize: '1.5rem', marginTop: '6rem', marginBottom: '2.5rem' }}>
    Explore SDKs
  </h2>

  <CardGroup cols={3}>
    <Card title="Web SDK" icon="code" href="/sdk/web" arrow={false}>
      Integrate wallets and auth in React, Next.js, or Vue.
    </Card>

    <Card title="Payments SDK" icon="arrows-rotate" href="/solutions/payments" arrow={false}>
      One-click, cross-chain checkout and funding flows.
    </Card>

    <Card title="Mobile SDK" icon="mobile" href="/sdk/mobile" arrow={false}>
      React Native wallets for iOS and Android apps.
    </Card>

    <Card title="Unity SDK" icon="unity" href="/sdk/unity" arrow={false}>
      Wallets, Indexer, payments, and marketplace tools for Unity.
    </Card>

    <Card title="Unreal SDK" icon={<svg width="24" height="24" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 0c-8.766 0-15.865 7.161-15.865 16s7.099 16 15.865 16c8.76 0 15.865-7.161 15.865-16s-7.104-16-15.87-16zM16 0.703c4.047 0 7.859 1.594 10.724 4.479 2.859 2.875 4.453 6.766 4.443 10.818 0 4.083-1.578 7.927-4.443 10.818-2.828 2.87-6.693 4.484-10.724 4.479-4.031 0.005-7.896-1.609-10.724-4.479-2.859-2.875-4.458-6.766-4.448-10.818 0-4.083 1.583-7.927 4.443-10.818 2.828-2.875 6.698-4.49 10.729-4.479zM15.203 6.333c-2.583 0.693-4.974 2.021-8.161 5.677s-2.583 6.677-2.583 6.677c0 0 0.88-2.078 2.995-4.266 1.005-1.036 1.75-1.385 2.266-1.385 0.458-0.026 0.844 0.344 0.844 0.802v7.422c0 0.734-0.474 0.896-0.911 0.885-0.37-0.005-0.714-0.135-0.714-0.135 2.172 3.156 7.37 3.599 7.37 3.599l2.281-2.438 0.052 0.047 2.089 1.781c3.823-2.271 5.667-6.479 5.667-6.479-1.708 1.802-2.792 2.224-3.438 2.224-0.573-0.005-0.797-0.339-0.797-0.339-0.031-0.156-0.083-2.417-0.104-4.677-0.021-2.339 0-4.682 0.115-4.688 0.661-1.24 2.766-3.74 2.766-3.74-3.932 0.776-6.073 3.354-6.073 3.354-0.635-0.5-1.927-0.417-1.927-0.417 0.604 0.333 1.208 1.302 1.208 2.104v7.896c0 0-1.318 1.161-2.333 1.161-0.604 0-0.974-0.328-1.177-0.599-0.078-0.104-0.146-0.219-0.198-0.344v-9.75c-0.141 0.104-0.313 0.161-0.484 0.167-0.219 0-0.443-0.109-0.594-0.427-0.115-0.24-0.188-0.599-0.188-1.125 0-1.797 2.031-2.99 2.031-2.99z"/></svg>} href="/sdk/unreal" arrow={false}>
      Wallets, Indexer, payments, and marketplace tools for Unreal.
    </Card>
  </CardGroup>

  <h2 className="text-center text-gray-900 dark:text-white text-4xl font-bold mb-8" style={{ fontSize: '1.5rem', marginTop: '6rem', marginBottom: '2.5rem' }}>
    Explore APIs & Backend SDKs
  </h2>

  <CardGroup cols={3}>
    <Card title="Indexer API" icon="database" href="/api-references/indexer" arrow={false}>
      Real-time balances and activity across any EVM, plus webhooks.
    </Card>

    <Card title="Transactions API" icon="paper-plane" href="/api-references/transactions" arrow={false}>
      Send transactions with gas sponsorship and auto estimation.
    </Card>

    <Card title="Marketplace API" icon="store" href="/api-references/marketplace" arrow={false}>
      Aggregated listings and sales data for NFT collections.
    </Card>

    <Card title="Go SDK" icon="code" href="/sdk/go" arrow={false}>
      Access any Sequence service from Go.
    </Card>

    <Card title="Node.js SDK" icon="terminal" href="/sdk/typescript" arrow={false}>
      Access any Sequence service from Node.js.
    </Card>

    <Card title="Sidekick" icon="server" href="/solutions/infrastructure/sidekick/overview" arrow={false}>
      Dockerized backend for simplified blockchain reads/writes with secure key management.
    </Card>
  </CardGroup>

  <div className="flex justify-center mt-12 mb-4">
    <a href="https://github.com/0xsequence" target="_blank" rel="noopener noreferrer" className="group inline-flex items-center justify-center w-12 h-12 rounded-full bg-white dark:bg-background-dark transition-all hover:scale-110 hover:border-primary dark:hover:border-primary-light">
      <svg className="h-6 w-6 bg-primary dark:bg-primary-light transition-colors group-hover:bg-white" style={{maskImage: 'url("https://mintlify.b-cdn.net/v6.6.0/brands/github.svg")', maskRepeat: 'no-repeat', maskPosition: 'center center'}} />
    </a>
  </div>
</div>